<!-- <div>
  <p>sentences: {{ sentences$ | async }}</p>
  <p>greetings: {{ greetings$ | async }}</p>
  <p>colors: {{ colors$ | async }}</p>
</div> -->

<div style="display: flex; justify-content: space-between;">
  <div style="flex: 1; margin: 0 10px;">
    <div *ngFor="let sentence of sentences">
      {{ sentence }}
    </div>
  </div>

  <div style="flex: 1; margin: 0 10px;">
    <div *ngFor="let greeting of greetings">
      {{ greeting }}
    </div>
  </div>

  <div style="flex: 1; margin: 0 10px;">
    <div *ngFor="let color of colors">
      {{ color }}
    </div>
  </div>
</div>
